@charset "UTF-8";
/* ---------- reset ---------- */
html { font-family: PingFang-SC-Regular,'Helvetica Neue',Helvetica,'microsoft yahei',sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, button, textarea, p, th, td, blockquote { margin: 0; padding: 0; }

nav, section, menu { display: block; margin: 0; padding: 0; }

fieldset, img { border: 0; }

:focus { outline: 0; }

em, b, i, th { font-style: normal; font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button, textarea, select { *font-size: 100%; }

ol, ul, li, dl, dt, dd { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

a, ins { text-decoration: none; }

select { background-color: #fff; }

input, textarea, select { -webkit-border-radius: 0; outline: none; border: 0; }

* { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-appearance: none; }

/* ---------- Responsive ---------- */
@media (min-width: 319px) { html { font-size: 53.33333%; }
  .s-icon-wrap { -webkit-transform: scale(0.42667); transform: scale(0.42667); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } }

@media (min-width: 359px) { html { font-size: 60%; }
  .s-icon-wrap { -webkit-transform: scale(0.48); transform: scale(0.48); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } }

@media (min-width: 374px) { html { font-size: 62.5%; }
  .s-icon-wrap { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } }

@media (min-width: 413px) { html { font-size: 69%; }
  .s-icon-wrap { -webkit-transform: scale(0.552); transform: scale(0.552); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } }

@media (min-width: 479px) { html { font-size: 80%; }
  .s-icon-wrap { -webkit-transform: scale(0.64); transform: scale(0.64); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } }

@media (min-width: 639px) { html { font-size: 106.66667%; }
  .s-icon-wrap { -webkit-transform: scale(0.85333); transform: scale(0.85333); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } }

@media (min-width: 749px) { html { font-size: 125%; }
  .s-icon-wrap { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } }

body { font: 0.6rem PingFang-SC-Regular, "Helvetica Neue", Helvetica, "microsoft yahei"; line-height: 1.5; margin: 0 auto; color: #333; background: #fafafa; overflow-x: hidden; }

a { text-decoration: none; color: #333; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

/*Common*/
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.none { display: none; }

.fl { float: left; }

.fr { float: right; }

.block { display: block; }

.g-wrap { position: relative; z-index: 1; margin: 0 auto; min-width: 320px; max-width: 750px; width: 100%; }

.g-area { padding: 0 1.2rem; }

button, a { opacity: 1; }

button:active, a:active { opacity: 0.8; }

/*水平翻转*/
.flipx { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

/*垂直翻转*/
.flipy { -webkit-transform: scaleY(-1); transform: scaleY(-1); }

.g-header-normal { position: relative; height: 5.35rem; background: #62d8da; text-align: center; }

.g-header-normal:before, .g-header-normal:after { content: " "; display: table; }

.g-header-normal:after { clear: both; }

.g-header-normal .logo { position: relative; z-index: 1; overflow: hidden; width: 12.25rem; height: 12.25rem; width: 12.25rem; height: 2.5rem; position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.g-header-normal .logo:before { display: block; content: ""; padding-bottom: 100%; }

.g-header-normal .logo img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.g-header-normal > .fl { padding-left: 1.2rem; }

.g-header-normal > .fr { padding-right: 1.2rem; }

.g-header-normal .icon { font-size: 2.05rem; color: #fff; line-height: 5.35rem; overflow: hidden; }

.g-header-normal .icon:before { display: block; float: left; }

.g-header-normal .link { display: block; }

.g-header-article { position: relative; height: 5.35rem; background: #62d8da; text-align: center; line-height: 5.35rem; overflow: hidden; }

.g-header-article:before, .g-header-article:after { content: " "; display: table; }

.g-header-article:after { clear: both; }

.g-header-article .logo { position: relative; z-index: 1; overflow: hidden; width: 12.25rem; height: 12.25rem; width: 12.25rem; height: 2.5rem; display: block; margin-top: 1.425rem; }

.g-header-article .logo:before { display: block; content: ""; padding-bottom: 100%; }

.g-header-article .logo img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.g-header-article .search { padding: 0 1rem; font-size: 2.25rem; color: #fff; }

.g-container { position: relative; overflow: hidden; }

.g-container.g-hidden::after { content: ""; position: absolute; bottom: 0; display: block; width: 100%; height: 3rem; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); }

.g-show-btn { height: 8rem; color: #434a44; font-size: 1.6rem; text-align: center; line-height: 8rem; cursor: pointer; background-color: #fff; margin-bottom: 1rem; display: none; }

.g-show-btn.no-bg { background: none; }

.g-header-search { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fff; z-index: 10; }

.g-header-search .search-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 5.25rem; height: 5.25rem; background: #62d8da; color: #fff; }

.g-header-search .search-wrap > * { display: block; }

.g-header-search .search-wrap input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: none; color: #fff; font-size: 1.6rem; }

.g-header-search .search-wrap a { width: 5.25rem; color: #fff; font-size: 1.3rem; text-align: center; }

.g-header-search .search-wrap ::-moz-placeholder { color: #fff; }

.g-header-search .search-wrap ::-webkit-input-placeholder { color: #fff; }

.g-header-search .search-wrap button { padding: 0 1.8rem; border: 0; background: none; color: #fff; font-size: 1.6rem; }

.g-header-search .key-wrap { padding: 0 1.75rem; }

.g-header-search .key-wrap .head { margin: 5.5rem 0 1.5rem; font-size: 1.4rem; color: #9fa6a8; font-weight: 400; }

.g-header-search .key-wrap .key { opacity: 1; display: inline-block; background: #f0f0f0; font-size: 1.4rem; color: #b2b2b2; border-radius: 2.5rem; margin: 0 1.2rem 1.15rem 0; padding: 0.35rem 1.9rem; cursor: pointer; }

.g-header-search .key-wrap .key:active { opacity: 0.8; }

.g-footer { height: 4.3rem; padding: 1.15rem 0 0; background: #fafafa; }

.g-footer p { text-align: center; font-size: 0.8rem; color: #acb8c0; }

.J_lazyImg { -webkit-transition: opacity .3s; transition: opacity .3s; opacity: 0; }

.J_lazyImg.loaded { opacity: 1; }

.g-imgBg { background-size: 80%; background-color: rgba(0, 0, 0, 0.02); }

.g-loadingBar { text-align: center; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }

.g-loadingBar .loading-ico { display: inline-block; width: 1rem; height: 1rem; margin-right: 0.5rem; background: url("/bk/mobile/dist/images/loading_pop.gif") no-repeat center; background-size: 100%; }

.g-loadingBar .line-through { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; position: relative; }

.g-loadingBar .line-through:after { content: ""; position: absolute; display: block; width: 100%; height: 1px; border-bottom: 1px solid #ccc; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; bottom: 0; left: 0; }

@media (-webkit-min-device-pixel-ratio: 2) { .g-loadingBar .line-through:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } }

.g-loadingBar .line-through:after { top: 42%; }

.g-loadingBar .msg { color: #9fa6a8; padding: 0 1rem; display: inline-block; position: relative; z-index: 1; }

.g-touchBg { opacity: .8; }

.g-loadingPage { height: 100%; }

.g-loadingPage body { height: 100%; background-position: center 30%; background-repeat: no-repeat; background-size: 5rem 5rem; }

.g-loadingPage .g-loadingBar { display: none; }

.g-list-loading { height: 20px; margin-top: 5px; text-align: center; font-size: 1rem; }

.g-list-loading img { display: block; height: 20px; width: 137px; margin: 0 auto; }

@font-face { font-family: "base"; src: url("/bk/mobile/dist/iconfont/base.eot"); src: url("/bk/mobile/dist/iconfont/base.eot?#iefix") format("eot"), url("/bk/mobile/dist/iconfont/base.woff") format("woff"), url("/bk/mobile/dist/iconfont/base.ttf") format("truetype"); }

.i-base-alert:before, .i-base-classify-menu:before, .i-base-download:before, .i-base-empty:before, .i-base-false:before, .i-base-header-list:before, .i-base-more:before, .i-base-next:before, .i-base-people:before, .i-base-search:before, .i-base-tick:before, .i-base-true:before { font-family: "base"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; }

.i-base-alert:before { content: ""; }

.i-base-classify-menu:before { content: ""; }

.i-base-download:before { content: ""; }

.i-base-empty:before { content: ""; }

.i-base-false:before { content: ""; }

.i-base-header-list:before { content: ""; }

.i-base-more:before { content: ""; }

.i-base-next:before { content: ""; }

.i-base-people:before { content: ""; }

.i-base-search:before { content: ""; }

.i-base-tick:before { content: ""; }

.i-base-true:before { content: ""; }
